<template>
	<view class="price-sign">
		<view class="price-sign__name">零售价</view>
		<view class="price-sign__price">￥{{ price }}</view>
	</view>
</template>

<script>
export default {
	props: {
		price: {
			type: [String, Number],
			default: () => ''
		},
		unit: {
			type: String,
			default: () => ''
		}
	}
};
</script>

<style lang="scss" scoped>
$sign-height: 30rpx;
.price-sign {
	display: flex;
	line-height: $sign-height;
	font-size: 20rpx;
}
.price-sign__name {
	height: $sign-height;
	padding: 0 8rpx;
	color: #f65300;
	background: #fef4ee;
	border-radius: 0 3rpx 3rpx 0;
}
.price-sign__price {
	height: $sign-height;
	padding: 0 4rpx 0 10rpx;
	color: #fff;
	background: linear-gradient(317deg, #fb8b02 0%, #f65301 100%);
	border-radius: 3rpx;
}
</style>
